<!-- <template>
	<div class="sort"    >
		<div class="sort-title" @click="toHome()">
			字母排序
		</div>
		<div class="sort-list">
			<ul  v-for ="(item,index) in city" :key="index">
				<li>{{item.initial}}</li>
			</ul>
		</div>
	</div>
</template>

<script>
	export default {
		props:['city'],
	}
</script>

<style scoped>
	.sort{
		width: 100%;
		font-size: 0.28rem;
	}
	.sort-title{
		padding: 0.2rem 0.3rem;
	}
	.sort-list{
		background-color: white;
		overflow: hidden;  /* 溢出隐藏*/
	}
	/* 在li标签之前；创建一个虚拟标签，覆盖在ul上方；避免标签之间的内容冲突 */

	.sort-list li{
		width: 16.666%;
		height: 0.9rem;
		text-align: center;
		line-height: 0.9rem;
		float: left;
	}
	
</style>
 -->